<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>启辕商城</title>
    <link href="https://cdn.bootcss.com/layer/2.1/skin/layer.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../../css/common/pageNav.css" />
    <link type="text/css" rel="stylesheet" href="../../css/common/base.css">
    <link type="text/css" rel="stylesheet" href="../../css/list/list.css">
</head>
<body>
<!--首页header-->
<div class="list-header">
    <div class="header-box" style="height: 100%">
        <div class="list-logo"></div>
        <div class="index-content-box">
            <a id="index" href="../../html/index/index.html" class="hand-move">首页</a>
            <a class="QY-store hand-move">启辕商城<span id="page-border"></span></a>
            <a id="userMobile"></a>
            <a class="hand-move" id="login"> 登录</a>
            <a class="hand-move" id="exit" style="display: none"> 退出</a>
            <a class="contact-number list-number">400-150-1999</a>
        </div>
    </div>
</div>

<!--筛选条件-->
<div class="select-condition">
    <div class="condition-brand border-bottom">
        <div class="brand-title">
            品牌
        </div>
        <div class="brand-item">
            <div id="brand" style="height: 20px;">
                <a class="first-condition" id="first" style="color: #fff;margin-right: 9px;margin-left: 7px;">热门</a>
                <a>A</a>
                <a>B</a>
                <a>C</a>
                <a>D</a>
                <a>E</a>
                <a>F</a>
                <a>G</a>
                <a>H</a>
                <a>I</a>
                <a>J</a>
                <a>K</a>
                <a>L</a>
                <a>M</a>
                <a>N</a>
                <a>O</a>
                <a>P</a>
                <a>Q</a>
                <a>R</a>
                <a>S</a>
                <a>T</a>
                <a>U</a>
                <a>V</a>
                <a>W</a>
                <a>X</a>
                <a>Y</a>
                <a>Z</a>
                <div class="all-box">
                    <span class="all">
                        全部
                        <img class="small-icon" src="../../images/dropdown@2x.png">
                    </span>
                    <span class="sub" style="display: none">
                        收起
                        <img class="small-icon" src="../../images/dropup@2x.png">
                    </span>
                </div>
            </div>
            <div class="condition-item sub-type" id="brandList" style="display: none">
            </div>
            <div class="condition-item sub-type" id="hotBrandList">
                <span id="108">日产</span>
                <span id="25">大众</span>
                <span id="1">奥迪</span>
                <span id="36">丰田</span>
                <span id="7">宝马</span>
                <span id="5">本田</span>
                <span id="9">奔驰</span>
                <span id="35">福特</span>
                <span id="6">别克</span>
                <span id="125">现代</span>
            </div>
        </div>
    </div>
    <div class="condition-brand border-bottom condition-common" id="series">
        <div class="brand-title title-condition-common">
            车系
        </div>
        <div class="brand-item brand-item-common" style="margin-top: 15px">
            <div id="age" style="display: inline-block;line-height: 24px;width: 1025px" >
                <span class="first-condition no-limit" style="color: #fff">不限</span>
                <p style="display: inline-block;width: 960px;float: right" id="carSeries">
                </p>
            </div>
            <span style="display: none"></span>
            <span class="out-box">
                   <span class="all-box" style="margin-bottom: 10px">
                    <span class="all" id="all">
                        全部
                        <img class="small-icon" src="../../images/dropdown@2x.png">
                    </span><span id="sub" class="sub" style="display: none">
                        收起
                        <img class="small-icon" src="../../images/dropup@2x.png">
                    </span>
                </span>
            </span>
        </div>
    </div>
    <div class="condition-brand border-bottom condition-common">
        <div class="brand-title title-condition-common">
            价格
        </div>
        <div class="brand-item brand-item-common">
            <div id="price" style="display: inline-block">
                <span id="price-limit" class="first-condition no-limit" style="color: #fff">不限</span>
            </div>
            <span></span>
            <div class="price-font"><input id="startPrice" class="price-load"> 万  ---  <input id="endPrice" class="price-load"> 万</div>
            <div class="first-condition ensure" style="color: #fff;cursor: pointer" id="ensure">确定</div>
        </div>
    </div>
    <div class="condition-brand condition-common">
        <div class="brand-title title-condition-common">
            其他
        </div>
        <div class="brand-item brand-item-common">
            <p style="display: inline-block;height: 93px;">
                <span id='no-limit' class="first-condition no-limit" style="color: #fff;position: relative;top:-3px">不限</span>
                <span style="width: 945px;position: relative;top: -20px;">
                    <select class="other-condition" id="carAge">
                        <option value="-">车龄</option>
                        <option value="0-1">一年以内</option>
                        <option value="1-3">1~3年</option>
                        <option value="3-5">3~5年</option>
                        <option value="5-8">5~8年</option>
                        <option value="8-10">8~10年</option>
                        <option value="10-">10年以上</option>
                    </select>
                    <select class="other-condition" id="carMile">
                        <option value="">里程</option>
                    </select>
                    <select class="other-condition" id="carTurStand">
                        <option value="">环保等级</option>
                        <option value="国I">国I</option>
                        <option value="国II">国II</option>
                        <option value="国III">国III</option>
                        <option value="国IV">国IV</option>
                        <option value="国V">国V</option>
                        <option value="欧I">欧I</option>
                        <option value="欧II">欧II</option>
                        <option value="欧III">欧III</option>
                        <option value="欧IV">欧IV</option>
                        <option value="欧V">欧V</option>
                        <option value="欧VI">欧VI</option>
                    </select>
                    <select class="other-condition" id="carType">
                        <option value="">车身类型</option>
                    </select>
                    <select class="other-condition" id="carColor">
                        <option value="">车身颜色</option>
                    </select>
                    <select class="other-condition" id="gearbox">
                        <option value="">变速箱</option>
                        <option value="自动">自动</option>
                        <option value="手动">手动</option>
                    </select>
                    <select class="other-condition" id="seatNumber">
                        <option value="">座位数</option>
                        <option value="2">2座</option>
                        <option value="3">3座</option>
                        <option value="4">4座</option>
                        <option value="5">5座</option>
                        <option value="6">6座</option>
                        <option value="7">7座</option>
                        <option value="8">8座</option>
                        <option value="9">9座</option>
                    </select>
                    <select class="other-condition" id="flueType">
                        <option value="">燃料类型</option>
                        <option value="汽油">汽油</option>
                        <option value="柴油">柴油</option>
                        <option value="电动">电动</option>
                        <option value="混合">混合</option>
                        <option value="其他">其他</option>
                    </select>
                    <select class="other-condition" id="carUse">
                        <option value="">车辆用途</option>
                        <option value="1">营运</option>
                        <option value="2">非营运</option>
                        <option value="3">营转非</option>
                    </select>
                    <select class="other-condition" id="turbo">
                        <option value="0-0">排量</option>
                        <option value="0-1.0">1.0以下</option>
                        <option value="1.1-1.6">1.1-1.6</option>
                        <option value="1.6-2.0">1.6-2.0</option>
                        <option value="2.0-2.5">2.0-2.5</option>
                        <option value="2.5-3.0">2.5-3.0</option>
                        <option value="3.0-4.0">3.0-4.0</option>
                        <option value="4.0">4.0</option>
                    </select>
                    <select class="other-condition" id="carTur">
                        <option value="">进气方式</option>
                        <option value="T">T</option>
                        <option value="L">L</option>
                    </select>
            </span>
            </p>
            <span style="display: none"></span>
            <div class="all-box">
                <div>
                    <span class="all">
                        全部
                        <img class="small-icon" src="../../images/dropdown@2x.png">
                    </span>
                    <span class="sub" style="display: none">
                        收起
                        <img class="small-icon" src="../../images/dropup@2x.png">
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

<!--车辆列表-->
<div class="list-content-box list-page">
    <div class="list-content">
        <div class="tab-type list-type">
            <p class="all-title" id="car-numbers"></p>
            <div class="tab-box">
                <span class="type-border" style="width: 70px">
                    <img id="rectangle" class="rectangle" src="../../images/rectangle-act.png">
                    <img id="list-sort" class="list-sort" src="../../images/list.png">
                </span>
                <div style="display: inline-block" class="tab-sort">
                    <span data-sort="CAR_MILEAGE,ASC" class="type-border">里程最短</span>
                    <span data-sort="CAR_LICENCE_DATE,DESC" class="type-border">车龄最短</span>
                    <span data-sort="CAR_RETAIL_PRICE,ASC" class="type-border">价格最低</span>
                    <span data-sort="CAR_SALE_TIME,DESC" class="type-border">最新上架</span>
                    <span data-sort="" class="active-bg type-border">默认排序</span>
                </div>
            </div>
        </div>
        <div class="car-list">
            <div id="car-List" style="display: block">
            </div>
            <div id="sort-List" style="display: none">
            </div>
            <!--分页-->
            <div style="clear: both"></div>
            <div aria-label="Page navigation" class="page-nav-outer" id="PageNavId">
            </div>
        </div>
    </div>
</div>

<!--弹窗-->
<div id="tip" style="display: none">
    <div class="window-bg">
    </div>
    <!--登录-->
    <div class="window-content" style="display: none" id="loginBox">
        <p class="border-bottom">
            登 录
        </p>
        <img id="close" class="close-window close-position" src="../../images/close@2x.png">
        <form id="myForm">
            <div class="info-list-box">
                <div class="error-tip" style="display: none"><img class="error-img" src="../../images/errortip@2x.png"><span class="error-message">请输入正确的手机号码</span></div>
                <div class="info-item login-box first-box">
                    <input name="userMobile" id="phone-number" placeholder="请输入您的手机号">
                    <span class="validate-code get-code" style="display: block">获取验证码</span>
                    <span class="validate-code time" style="display: none"><span id="time">59s</span></span>
                </div>
                <div class="code-error" style="display: none"><img class="error-img" src="../../images/errortip@2x.png"><span class="error-message">验证失败</span></div>
                <div class="info-item login-box">
                    <input name="validateCode" id="code" placeholder="请输入验证码">
                </div>
                <div class="info-item login-box" id="check-box">
                    <img id="agree" class="isAgree" style="display: none" src="../../images/checked.png">
                    <img id="disagree" class="isAgree" style="display: block" src="../../images/unchecked.png">
                    <span class="is-checked"><a class="isAgree">登录即视为同意使用</a><a id="agreement">用户协议</a>&<a id="policy">隐私政策</a></span>
                </div>
            </div>
        </form>
        <div id="low-price" class="login-btn login">
            登 录
        </div>
    </div>
</div>
<div style="clear: both"></div>
<div class="footer">
    <div class="footer-content-box">
        <div class="footer-left">
            <h4>热门市场</h4>
            <ul class="hot-market-box">
                <li>西安公诚二手车交易市场</li>
                <li class="right">青岛苏尚二手车交易市场</li>
                <li>潍坊泰华车港二手车交易市场</li>
                <li class="right">临沂远通二手车交易市场</li>
                <li>唐山兴瑭二手车交易市场</li>
                <li class="right">南京大公二手车交易市场</li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="QR-code-box">
                <img class="app-load-img" src="../../images/app-logo.png">
                <p>下载启辕APP</p>
                <p>收车卖车更简单</p>
            </div>
            <div class="QR-code-box">
                <img class="app-load-img" src="../../images/QR-logo.png">
                <p>关注启辕公众号</p>
                <p>查看更多优质二手车信息</p>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.1/layer.min.js"></script>
<script src="../../js/common/pageNav.js"></script>
<script src="../../js/common/global.js"></script>
<script src="../../js/common/api.js"></script>
<script src="../../js/common/getBaseData.js"></script>
<script src="../../js/list/list.js"></script>
<script src="../../js/common/client-pc.js"></script>
</body>
</html>